<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>Sign Up</title>
	<meta name="generator" content="" />
	
<link rel="stylesheet" type="text/css" href="forms.css"/>
<link rel="stylesheet" type="text/css" href="styles.css"/>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/validate/jquery.validate.js"></script>
  <script>
  $(document).ready(function(){
    $("#signUp").validate();
  });
  </script>
</head>
<body>
<div class="logo"></div>
<div id="container">
<div id="user">
<p> Already a Member?! Here is where you <a href="index.php">Login</a></p>
</div>

<fieldset class="form">
<form method="post" action="insert.php" id="signUp">

<label for="username">Username:</label>
<input type="text" name="username" id="username" class="title"/>
<br />
<label for="password">Password:</label>
<input type="password" name="password" id="password" class="title"/>
<br />
<label for="firstname">Confirm Password:</label>
<input type="password" name="confirm_password" id="confirm_password" class="title"/>
<br />
<label for="firstname">Name:</label>
<input type="text" name="name" id="name" class="title"/>
<br />
<label for="email">Email:</label>
<input type="text" name="email" id="email" class="title"/>
<br />
<label for="phone">Phone:</label>
<input type="text" name="phone" id="phone" class="title"/>
<br />
<input type="submit" name="submit" id="submit"/>

</form>
</fieldset>
</div>

</body>
</html>